import React, { useCallback, useState } from 'react';
import './index.less';
import { useDispatch, useSelector } from 'react-redux';

export default function index() {
  const selector = useCallback(
    (_) => ({
      state: _,
    }),
    [],
  );
  const { state } = useSelector(selector);
  const { focusId, dataCenter } = state.layout;
  let currentFocus = dataCenter[focusId];
  return (
    <div className="page-design-config">
      <div>Config</div>
      <div>{currentFocus?.type + '----' + currentFocus?.id}</div>
    </div>
  );
}
